<div id="ingresar-page" class="container ingresar-container only-section-container">
    <div class="row">
        <section id="ingresar-container" class="span12 box-container">
            <header class="box-header">
                <span class="border-width bg-color-15"></span>
                <h2>Ingresar</h2>
<!--                <a class="aside btn-mobile btn-collapse" href="#"><span class="icons-collapse icon-collapse-down"></span></a>-->
            </header>

            <div class="row-fluid section-content">
                <div id="facebook-login-container" class="span6">
                    <div id="fbLoader" class="hide"></div>
                    <div id="fbLogin" class="hide">
                        <div id="fb-root"></div>
                        <p>Conectate con tu cuenta de Facebook</p>
                        <div class="fb-login-button" data-size="xlarge" data-scope="email">Login con Facebook</div>
                        <div class="fb-like-box" data-href="http://www.facebook.com/DondeReciclo" data-width="410" data-show-faces="true" data-stream="false" data-header="false"></div>
                    </div>
                    <div id="fbRegistrate" class="hide">
                        <p>Tu cuenta de Facebook todav&iacute;a no est&aacute; registrada en <strong>Donde Reciclo.</strong></p>
                        <p>Registrala por &uacute;nica vez y empez&aacute; a disfrutar de los beneficios.</p>
                        <a href="<?php echo base_url(); ?>crea-tu-cuenta"  class="btn btn-green"><span class="text">Registrate</span></a>
                    </div>
                    <div id="fbIngresar" class="hide">
                        <a href="javascript:void(0);" id="submitIngresar" class="btn btn-green"><span class="text">Ingresa</span></a>
                    </div>
                </div>
                <div id="login-container" class="span6">
                    <span class="span title"><span class="icon icons-ingresar icon-ingresar-arrow"></span>...o ingresa con tu usuario  <span class="font-color-15">donde reciclo</span>.</span>
                    <form id="login-form-container" class="">
                        <label for="user-field" class="field-container">
                            <b class="title span">Tu email <em>(con el que te registraste en donde reciclo)</em></b>
                            <input type="text" value="" name="user-field" id="user-field" class="field span" autofoucs tabindex="1" />
                        </label>
                        <label for="pass-field" class="field-container">
                            <b class="title span">Tu contrase&ntilde;a <em>(&iquest;olvidaste tu contrase&ntilde;a? <a href="#" class="font-color-15">recuperala</a>)</em></b>
                            <input type="password" value="" name="pass-field" id="pass-field" class="field span" tabindex="2" />
                        </label>
                    </form>
                    <div id="ld" style="height: 260px; width: 80px; margin: 0 auto;"></div>
                    <span class="span subtitle"><span class="icon icons-ingresar icon-ingresar-plus"></span>si no tenes tu cuenta, podes <a href="<?php echo base_url(); ?>crea-tu-cuenta" class="font-color-15">crearla aqu&iacute;</a>.</span>
                    <a href="<?php echo base_url(); ?>panel"  class="btn btn-green" id="submit-form-login" tabindex="3"><span class="text">Ingresar</span></a>
                </div>
            </div>
        </section>
    </div>
</div>